diff options
Diffstat (limited to 'app/[lng]/evcp/(evcp)/(procurement)/po/page.tsx')
| -rw-r--r-- | app/[lng]/evcp/(evcp)/(procurement)/po/page.tsx | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/app/[lng]/evcp/(evcp)/(procurement)/po/page.tsx b/app/[lng]/evcp/(evcp)/(procurement)/po/page.tsx index 292ef1cb..59b793ab 100644 --- a/app/[lng]/evcp/(evcp)/(procurement)/po/page.tsx +++ b/app/[lng]/evcp/(evcp)/(procurement)/po/page.tsx @@ -1,4 +1,4 @@ -import * as React from "react" + import { type SearchParams } from "@/types/table" import { getValidFilters } from "@/lib/data-table" @@ -9,14 +9,19 @@ import { getVendorPOs } from "@/lib/po/vendor-table/service" import { vendorPoSearchParamsCache } from "@/lib/po/vendor-table/validations" import { ShiVendorPoTable } from "@/lib/po/vendor-table/shi-vendor-po-table" import { InformationButton } from "@/components/information/information-button" +import { useTranslation } from "@/i18n" +import { Suspense } from "react" interface VendorPOPageProps { + params: Promise<{lng: string}> searchParams: Promise<SearchParams> } export default async function VendorPONew(props: VendorPOPageProps) { const searchParams = await props.searchParams const search = vendorPoSearchParamsCache.parse(searchParams) + const { lng } = await props.params + const { t } = await useTranslation(lng, 'menu') const validFilters = getValidFilters(search.filters) @@ -34,7 +39,7 @@ export default async function VendorPONew(props: VendorPOPageProps) { <div> <div className="flex items-center gap-2"> <h2 className="text-2xl font-bold tracking-tight"> - PO/계약 관리 + {t('menu.procurement.po_issuance')} </h2> <InformationButton pagePath="evcp/po-new" /> </div> @@ -42,9 +47,9 @@ export default async function VendorPONew(props: VendorPOPageProps) { </div> </div> - <React.Suspense fallback={<Skeleton className="h-7 w-52" />}> - </React.Suspense> - <React.Suspense + <Suspense fallback={<Skeleton className="h-7 w-52" />}> + </Suspense> + <Suspense fallback={ <DataTableSkeleton columnCount={8} @@ -56,7 +61,7 @@ export default async function VendorPONew(props: VendorPOPageProps) { } > <ShiVendorPoTable promises={promises} /> - </React.Suspense> + </Suspense> </Shell> ) } |
